<!DOCTYPE html>
<html>
<head>
    <#include "../include.ftl" >
    <style type="text/css">
        .layui-tab {
            width: 100%;
            text-align: center;
        }

        .half_pie_left, .half_pie_right {
            display: inline-block;
            float: left;
        }

        .half_pie_right_title {
            font-size: 1rem;
            padding-top: 25%;
        }

        .half_pie_right_value {
            font-weight: bold;
            padding-top: 1rem;
            font-size: 1.5rem;
        }

        .rank, .finance {
            margin: 0 1rem;
        }

        .rank .rank_title .rank_left, .rank .rank_title .rank_right {
            display: inline-block;
        }

        .rank_right {
            float: right;
        }

        .rank_list {
            margin-top: 1rem;
        }

        .rank_list_title_left {
            font-weight: bold;
            margin-right: 1rem;
        }

        .finance {
            margin-top: 2rem;
        }
    </style>
</head>
<body>
<!--头部-->
<header>
    <span class="header-title">首页</span>
</header>
<!--中部-->
<content>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="one">今日就诊量</li>
            <li lay-id="two">今日收入</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div id="line" style="width: 100%;height:400px;"></div>
                <blockquote class="layui-elem-normal"> 合计: <span id="cdr_visit_actual_time_sum_id"></span></blockquote>
                <div id="pie" style="width: 100%;height:400px;"></div>
                <blockquote class="layui-elem-normal" id="cdr_visit_actual_time_hospitalization_text_id"> / 入院: 10 / 出院: 10 / 死亡: 10 /</blockquote>
            </div>
            <div class="layui-tab-item ">
                <!-- 收入图表 -->
                <div class="income">
                    <div id="half_pie" class="half_pie_left" style="width: 60%;height:300px;"></div>
                    <div class="half_pie_right" style="width: 40%;height: 300px">
                        <div class="half_pie_right_title">门诊收入</div>
                        <div class="half_pie_right_value">￥ <span id="outpatient_value_id"></span></div>
                        <div class="half_pie_right_title">住院收入</div>
                        <div class="half_pie_right_value">￥ <span id="hospitalization_value_id"></span></div>
                    </div>
                </div>
                <div style="clear: both"></div>
                <!-- 收入排行 -->
                <div class="rank">
                    <div class="rank_title">
                        <span class="rank_left">科室收入排名</span>
                        <span class="rank_right"><a href="#" style="color: #0099ff">详情 > </a></span>
                    </div>
                    <div id="rank_list_id">

                    </div>
                </div>
                <!-- 财务收入 -->
                <div class="finance">
                    <div class="finance_title">
                        <span class="finance_left">财务收入</span>
                    </div>
                    <div class="finance_table">
                        <table lay-filter="tb" id="tb"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</content>
<!--尾部-->
<footer>
    <a class="Navigation" href="javascript:logout()" class="">
        <i class="fa fa-sign-out"></i>
        <span>退出</span>
    </a>
    <script type="text/javascript">
        //切换效果
        $("footer a").on('click', function () {
            $("footer a ").removeClass("choose_this");
            $(this).addClass("choose_this")
        })
    </script>
</footer>

<script type="text/javascript" src="${BASEWEBMOBILE}/index/index.js"></script>
</body>
</html>
